<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
// export default {
//   data() {
//     return {
//       statusBarHeight: 0,
//       isImmersedStatusbar: false
//     }
//   },

//   created() {
//     let _this = this;
//     // 只有5+APP 才会执行这段代码
//     document.addEventListener("plusready", function() {
//       //状态栏文字颜色全局默认为黑色，如需单独设置复制进独立的vue页面中 
//       plus.navigator.setStatusBarStyle('dark');
//       //状态栏高度,判断是否是数字，不是使用默认高度28
//       _this.statusBarHeight = Number.isFinite(plus.navigator.getStatusbarHeight()) ? plus.navigator.getStatusbarHeight() : 28;
//       //是否为沉浸式
//       _this.isImmersedStatusbar = plus.navigator.isImmersedStatusbar();
//       _this.addStyleElement();
//     }, false);
//   },

//   methods: {
//     addStyleElement() {
//       const p = document.querySelectorAll('.plus')[0];
//       p.style.height = this.statusBarHeight;
//       p.innerHTML = this.statusBarHeight;
//     }
//   }
// }
</script>

<style lang="less">
body {
  background-color: #f7f8fa;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
.auto-img{
  display: block;
  width: 100%;
}
.one-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plus {
  position: sticky;
  top: 0;
  width: 100%;
  height: 28px;
  background-color: #000;
  z-index: 999999;
}
</style>
